<template>
  <view class="login-container">
    <view class="logo-section">
      <image class="logo" src="../../assets/logo.png" mode="aspectFit" />
    </view>

    <view class="form-section">
      <view class="form-item">
        <input class="input-field" type="text" placeholder="请输入账号" />
      </view>
      <view class="form-item">
        <input class="input-field" type="password" placeholder="请输入密码" />
      </view>
    </view>

    <view class="action-section">
      <button class="login-button" @tap="login">登录</button>
      <view class="extra-links">
        <text class="link">忘记密码</text>
        <text class="separator">|</text>
        <text class="link">注册账号</text>
      </view>
    </view>

    <view class="third-party-login">
      <text class="third-party-title">第三方登录</text>
      <view class="third-party-icons">
        <image class="icon" src="../../assets/wechat.png" mode="aspectFit" />
      </view>
    </view>
  </view>
</template>



<script>
import servers from '../../servers/api/index';
export default {
  data() {
    return {
      interval: 1000,
    }
  },
  methods: {
    // 逻辑部分
    async login() {
      // TODO: 调用登录接口
      const res = await servers.liaotianxiangguanfuwu.findChatMessagePageList({
        pageNum: 1,
        pageSize: 10,
        chatId: 'dcs'
      });
      console.log(res);
    }
  },
}
</script>

<style lang="scss">
@import './index.scss';
</style>
